<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>通用适配应用</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/icons.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/flexible.js"></script>
</head>

<body>
  <header class="header-container">
    <div class="navbar">
      <div class="navbar-left">
        <i class="iconfont icon-scan"></i>
      </div>
      <div class="navbar-center">
        <div class="searchBox">
          <div class="searchBox-prepend">
            <i class="iconfont icon-search"></i>
          </div>
          <input type="text" class="searchBox-input" placeholder="好礼送不停">
          <div class="searchBox-append">
            <i class="iconfont icon-close"></i>
          </div>
        </div>
      </div>
      <div class="navbar-right">
        <i class="iconfont icon-msg"></i>
      </div>
    </div>
  </header>
</body>

</html>